<!DOCTYPE html>
<script src="../resources/run-after-layout-and-paint.js"></script>
<style>
.box {
    display: inline-block;
    position: relative;
    width: 200px;
    height: 200px;
    overflow: auto;
    will-change: transform;
}
.space {
    width: 800px;
    height: 800px;
}
</style>

This test verifies that composited scrollbars update correctly when removed and
reinserted with a different content size.<br><br>

It passes if both boxes have identical scrollbars.<br><br>

<div class="box">
    <div class="space"></div>
</div>
<div class="box">
    <div class="space"></div>
</div>
